<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/style.css" />
		<style>
			#scroll{position: fixed;left: 0;}
			.ctn{
				padding-bottom: 0 !important;
				background-color: #1D1D1D;
			}
			.mui-bar-nav {
			    top: 0;
			    -webkit-box-shadow: none;
			     box-shadow: none; 
			}
			.priceType{
			    width: 3rem;
			    background-color: #171717;
			    border: 1px solid #FFC938 !important;
			    margin-right: 10px;
			    font-size: 0.4rem;
			    margin-bottom: 0;
			}
			#priceNum ul{ box-sizing: border-box;padding-bottom: 10px;border-bottom: 1px solid #1d1d1d;}
			.stoke_total ul{border-bottom:0.26rem solid #1d1d1d; margin-bottom: 0;padding-bottom: 0.13rem;height: 3.2rem;}
			.mui-scroll-wrapper{background-color: #171717;}
			#searchRes ul li img{display: block;width:0.82rem;height:0.5rem}
			.contTitle{position: fixed;left: 0;top:0;width: 100%;z-index: 2;height: 0.5rem;}
			.money_total{background: #1d1d1d;margin: 0;}
			.contInner{margin-top:3.6rem;margin-bottom: 2.4rem;}
			#day_list ul li{height:1.3rem;}
			#day_lists{box-sizing: border-box;padding-bottom: 60px;}
		</style>
	</head>
	<body class="optionalPage ctn">
		<!--navBar-->
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">交易</h1>
		</header>
		<!--contTitle-->
		<div class="contTitle mui-content" id='fixedNav'>
			<div class="mui-row deal_title" id="deal_title">
				<ul>
					<li style="margin-left:10px;" data-cont='sale'>
						<a href='javascript:void(0)'>买/卖</a>
					</li>
					<li data-cont='cancleDeal'>
						<a  href='javascript:void(0)'>撤单</a>
					</li>
					<li id="chicang" data-cont='holdCast'>
						<a  href='javascript:void(0)'>持仓</a>
					</li>
					<li class="active" data-cont='goldInOut'>
						<a href='javascript:void(0)'>出/入金</a>
					</li>
					<li data-cont='searchC'>
						<a href='javascript:void(0)'>查询</a>
					</li>
				</ul>
			</div>
			<div class="mui-row  money_total">
				<ul>
					<li class="active mui-col-sm-6 mui-col-xs-6" data-gold='in'>
						<img id="ig1" src="images/img.png" alt="" />
						<span>入金</span>
					</li>
					<li class="mui-col-sm-6 mui-col-xs-6" data-gold='out'>
						<img id="ig2" src="images/img1.png" alt=""/>
						<span>出金</span>
					</li>
				</ul>
			</div>
		</div>
		<!--contInner-->
		<div class="contInner">
			<div class="goldIncont contWrap" style="display: block;">
				<p>
					<span class="nameT">可用金额($):</span>
					<span class="usdCanFee innerT"></span>
				</p>
				<p>
					<span class="nameT">入金金额($):</span>
					<span class="minInNum innerT">>=<i></i></span>
				</p>
				<p>
					<span class="nameT">入金金额(&yen;):</span>
					<input type="number"  onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" class="goldInNum" placeholder="请输入入金金额" />
				</p>
				<select class="payType">
					<option value="0">扫码支付(支持微信、支付宝)</option>
					<option value="1">银联支付</option>
				</select>
				<div class="payCode" style="display: block;">
						<img src="images/paycode.png" alt="" />
						<p class="imgSaveTip">点击图片保存</p>
						<div class="tips">
							<p>温馨提示:由于支付宝和微信限制,入金步骤操作:</p>
							<p>1、保存二维码到相册</p>
							<p>2、打开支付宝或微信进行扫码支付</p>
							<p>3、支付完成回到支付页面提交支付表单</p>
						</p>
					</div>
					<button class="paySure mui-btn mui-btn-block">确定</button>
				</div>
				<div class="payCard" style="display: none;">
					<p>
						<span class="nameT">姓名:</span>
						<input type="text" name="name" placeholder="请输入姓名" />
					</p>
					<p>
						<span class="nameT">手机号:</span>
						<input type="text" name="phone" placeholder="请输入手机号" />
					</p>
					<p>
						<span class="nameT">银行卡号:</span>
						<input type="text" name="creditcard" placeholder="请输入银行卡号" />
					</p>
					<p>
						<span class="nameT">身份证号:</span>
						<input type="text" name="IDnumber" placeholder="请输入身份证号" />
					</p>
					<button id="credittijiao" class="paySure mui-btn mui-btn-block">确定</button>
				</div>			
			</div>
			<div class="goldOutcont contWrap" style="display: none;">
				<p>
					<span class="nameT">银行类型:</span>
					<span class="cardBank innerT"></span>
				</p>
				<p>
					<span class="nameT">银行卡号:</span>
					<span class="cardNum innerT"></span>
				</p>
				<p>
					<span class="nameT">可用金额($):</span>
					<span class="canFee innerT"></span>
				</p>
				<p>
					<span class="nameT">出金金额($):</span>
					<input type="number" class="outFee" placeholder="请输入出金金额" />
				</p>
				<button class="paySure mui-btn mui-btn-block">确定</button>
			</div>
		</div>
		<!--tabBar-->
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" href="javacript:void(0)" data-page='market'>
				<img src="images/HQ_icon_21x21_@3x.png" alt="" />
				<span>行情</span>
			</a>
			<a class="mui-tab-item mui-active" href="javacript:void(0)" data-page='optional'>
				<img src="images/ZX_icon_21x21_@3x.png" alt="" />
				<span>自选</span>
			</a>
			<a class="mui-tab-item " data-page='deal' href="javacript:void(0)">
				<img src="images/JY_icon_select_21x21_@3x.png" alt="" />
				<span  class="activeBar">交易</span>
			</a>
			<a href="javascript:void(0)" class="mui-tab-item" data-page='users'>
				<img src="images/WD_icon_21x21_@3x.png" alt="" />
				<span>我的</span>
			</a>
		</nav>
		
		
		
		<!--支付-->
		<form action="https://gateway.gopay.com.cn/Trans/WebClientAction.do" name="returnfunc" id= "returnfunc" method="POST" style="display: none;"> 
	        <input type="text" id="version" name="version" value="" size="50"/>
	        <input type="text" id="charset" name="charset" value=""  size="50"/>
	        <input type="text" id="language" name="language" value=""  size="50"/>
	        <input type="text" id="signType" name="signType" value=""  size="50"/>
	        <input type="text" id="tranCode" name="tranCode" value=""  size="50"/>
	        <input type="text" id="merchantID" name="merchantID" value=""  size="50"/>
	        <input type="text" id="merOrderNum" name="merOrderNum" value=""  size="50" />
	        <input type="text" id="tranAmt" name="tranAmt" value=""  size="50"/>
	        <input type="text" id="feeAmt" name="feeAmt" value=""  size="50"/>
	        <input type="text" id="currencyType" name="currencyType" value=""  size="50"/>
	        <input type="text"  id="frontMerUrl" name="frontMerUrl" value=""  size="50"/>
	        <input type="text"  id="backgroundMerUrl" name="backgroundMerUrl" value=""  size="50"/>
	        <input type="text"  id="tranDateTime" name="tranDateTime" value=""  size="50"/>
	        <input type="text"  id="virCardNoIn" name="virCardNoIn" value=""  size="50"/>
	        <input type="text"  id="tranIP" name="tranIP" value=""  size="50"/>
	        <input type="text"  id="isRepeatSubmit" name="isRepeatSubmit" value=""  />
	        <input type="text"  id="goodsName" name="goodsName" value=""  size="50"/>
	        <input type="text"  id="goodsDetail" name="goodsDetail" value=""  size="50"/>
	        <input type="text"  id="buyerName" name="buyerName" value=""  size="50"/>
	        <input type="text"  id="buyerContact" name="buyerContact" value=""  size="50"/>
	        <input type="text"  id="merRemark1" name="merRemark1" value=""  size="50"/>
	        <input type="text"  id="merRemark2" name="merRemark2" value=""  size="50"/>
	        <input type="text"  id="signValue" name="signValue" value=""  size="50"/>
	        <input type="text"  id="bankCode" name="bankCode" value=""  size="50"/>
	        <input type="text"  id="userType" name="userType" value=""  size="50"/>
	        <input type="text"  id="gopayServerTime" name="gopayServerTime" value=""  size="50"/>
	    </form>
	</body>
	<script src="js/mui.min.js"></script>
	<script src='libs/easymob-webim-sdk/jquery-1.11.1.js'></script>
	<script src='js/mstock.js'></script>
	<script src='js/configs.js'></script>
	<script src='json/all.js'></script>
	<script src='js/temp.js'></script>
	<script src='js/sdeal.js'></script>
	<script>
		mui.init();
		//tabBar event
		mui(".mui-bar").on('tap', '.mui-tab-item ',function() {
			var _page = this.getAttribute("data-page");
			var _url;
			switch(_page) {
				case 'market':
					mui.openWindow({
						url: 'market.html'
					});
					break;
				case 'optional':
					mui.plusReady(function() {
				        var list = plus.webview.getWebviewById('optional.html');
						mui.fire(list,'refresh');
					})
					mui.openWindow({
						url: 'optional.html'
					});
					break;
				case 'deal':
					if(account&&account!=''){
						mui.openWindow({
							url: 'deal.html'
						});
					}else{
						mui.openWindow({
							url: 'login.html'
						});
					}
					break;
				case 'users':
					if(account&&account!=''){
						mui.openWindow({
							url: 'users.html'
						});
					}else{
						mui.openWindow({
							url: 'login.html'
						});
					}
					break;
			}
		})	
		tradeDeal().goldInOut();
		window.addEventListener('refresh',function(){
			plus.webview.getWebviewById('optional.html').reload();
		});
		jQuery(function () { 
			var isPageHide = false; 
			window.addEventListener('pageshow', function () { 
			    if (isPageHide) { 
				    window.location.reload(); 
			    } 
			}); 
			window.addEventListener('pagehide', function () { 
			   isPageHide = true; 
			}); 
		})
	</script>
</html>